/*id选择器*/
#p1{color: #ec7ab0;font-size: 100px;text-align: center}
#top{color: red;font-size: 30px}

/*标签选择器*/
h1{color: #9E61AA}
/*伪类选择器*/
button:hover{color: orange}
input:focus{background-color: #70BC45}
a:link{color: blue}
a:visited{color: red}
a:hover{color: aqua}
a:active{color: blue}
/*.class选择器 用class属性值匹配*/
.red{color: red}

.blue{color: blue
}
/*分组选择器 设置div和p标签的间距*/
div,p{
    margin: 0;
    padding: 0;
}
/*后代选择器*/
div.demo p span{
    color: orange;
}
/* div>p 子类选择器*/